﻿<!DOCTYPE html>
<html>
  <head>
    <title>书籍详情</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/书籍详情/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/书籍详情/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u3592" class="ax_default box_1">
        <div id="u3592_div" class=""></div>
        <div id="u3592_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3593" class="ax_default box_1">
        <div id="u3593_div" class=""></div>
        <div id="u3593_text" class="text ">
          <p><span style="text-decoration:none;">书籍详情</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3594" class="ax_default icon">
        <img id="u3594_img" class="img " src="images/周边详情/u118.svg"/>
        <div id="u3594_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3595" class="ax_default placeholder">
        <img id="u3595_img" class="img " src="images/点评-问大家详情/u858.svg"/>
        <div id="u3595_text" class="text ">
          <p><span style="text-decoration:none;">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3596" class="ax_default label">
        <div id="u3596_div" class=""></div>
        <div id="u3596_text" class="text ">
          <p><span style="text-decoration:none;">百香果</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3597" class="ax_default box_1">
        <div id="u3597_div" class=""></div>
        <div id="u3597_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3598" class="ax_default label">
        <div id="u3598_div" class=""></div>
        <div id="u3598_text" class="text ">
          <p><span style="text-decoration:none;">“好看的皮囊千篇一律，有趣的灵魂万里挑一”，我们人的内在美才是一副好的“皮囊”。作者蔡崇达通过书中的内容表达了自己对故乡亲人有着一种很深的感情，用一种客观、细致、本着冷静的方式，讲述了一系列刻在骨肉亲情间的故事。“亲情犹可贵，友情价更高”</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3599" class="ax_default label">
        <div id="u3599_div" class=""></div>
        <div id="u3599_text" class="text ">
          <p style="font-size:16px;"><span style="font-family:'Arial Normal', 'Arial';font-size:20px;text-decoration:none;">·</span><span style="font-family:'Arial Normal', 'Arial';text-decoration:none;"> </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;">描述</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3600" class="ax_default box_1">
        <div id="u3600_div" class=""></div>
        <div id="u3600_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3601" class="ax_default label">
        <div id="u3601_div" class=""></div>
        <div id="u3601_text" class="text ">
          <p style="font-size:16px;"><span style="font-family:'Arial Normal', 'Arial';font-size:20px;text-decoration:none;">·</span><span style="font-family:'Arial Normal', 'Arial';text-decoration:none;"> </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;">评价</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3602" class="ax_default placeholder">
        <img id="u3602_img" class="img " src="images/发现/u2345.svg"/>
        <div id="u3602_text" class="text ">
          <p><span style="text-decoration:none;">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3603" class="ax_default box_1">
        <div id="u3603_div" class=""></div>
        <div id="u3603_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u3604" class="ax_default text_field">
        <div id="u3604_div" class=""></div>
        <input id="u3604_input" type="text" value="" class="u3604_input"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3605" class="ax_default placeholder">
        <img id="u3605_img" class="img " src="images/发现/u2345.svg"/>
        <div id="u3605_text" class="text ">
          <p><span style="text-decoration:none;">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3606" class="ax_default label">
        <div id="u3606_div" class=""></div>
        <div id="u3606_text" class="text ">
          <p><span style="text-decoration:none;">百香果</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3607" class="ax_default label">
        <div id="u3607_div" class=""></div>
        <div id="u3607_text" class="text ">
          <p><span style="text-decoration:none;">4小时前</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3608" class="ax_default label">
        <div id="u3608_div" class=""></div>
        <div id="u3608_text" class="text ">
          <p><span style="text-decoration:none;">我什么时候成为务而细腻的人呢？</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3609" class="ax_default icon">
        <img id="u3609_img" class="img " src="images/美食详情/u2601.svg"/>
        <div id="u3609_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3610" class="ax_default icon">
        <img id="u3610_img" class="img " src="images/美食详情/u2621.svg"/>
        <div id="u3610_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- 全部回复 (矩形) -->
      <div id="u3611" class="ax_default label" data-label="全部回复">
        <div id="u3611_div" class=""></div>
        <div id="u3611_text" class="text ">
          <p><span style="text-decoration:none;">查看全部回复</span></p>
        </div>
      </div>

      <!-- 评价-回复 (动态面板) -->
      <div id="u3612" class="ax_default" data-label="评价-回复">
        <div id="u3612_state0" class="panel_state" data-label="简介版" style="">
          <div id="u3612_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3613" class="ax_default label">
              <div id="u3613_div" class=""></div>
              <div id="u3613_text" class="text ">
                <p><span style="text-decoration:none;">Peach爱旅行: 什么时候，我害怕一个人&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u3612_state1" class="panel_state" data-label="详情版" style="visibility: hidden;">
          <div id="u3612_state1_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3614" class="ax_default label">
              <div id="u3614_div" class=""></div>
              <div id="u3614_text" class="text ">
                <p><span style="text-decoration:none;">Peach爱旅行: 什么时候，我害怕一个人!&nbsp;&nbsp; </span></p><p><span style="text-decoration:none;">林雨果: 有的人，皮囊禁锢着灵魂！</span></p><p><span style="text-decoration:none;">木子晴: 不同的场合不同的面具！</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (线) -->
      <div id="u3615" class="ax_default line">
        <img id="u3615_img" class="img " src="images/活动详情/u2959.svg"/>
        <div id="u3615_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3616" class="ax_default placeholder">
        <img id="u3616_img" class="img " src="images/发现/u2345.svg"/>
        <div id="u3616_text" class="text ">
          <p><span style="text-decoration:none;">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3617" class="ax_default label">
        <div id="u3617_div" class=""></div>
        <div id="u3617_text" class="text ">
          <p><span style="text-decoration:none;">百香果</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3618" class="ax_default label">
        <div id="u3618_div" class=""></div>
        <div id="u3618_text" class="text ">
          <p><span style="font-family:'Arial Normal', 'Arial';text-decoration:none;">11月18</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;">日&nbsp; 20:05</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3619" class="ax_default label">
        <div id="u3619_div" class=""></div>
        <div id="u3619_text" class="text ">
          <p><span style="text-decoration:none;">“对那些我正在爱着或者曾经爱过的人，我们希望你们明白，我多么希望为你们停留”。</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3620" class="ax_default icon">
        <img id="u3620_img" class="img " src="images/美食详情/u2601.svg"/>
        <div id="u3620_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3621" class="ax_default icon">
        <img id="u3621_img" class="img " src="images/美食详情/u2621.svg"/>
        <div id="u3621_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线) -->
      <div id="u3622" class="ax_default line">
        <img id="u3622_img" class="img " src="images/教培详情/u1533.svg"/>
        <div id="u3622_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3623" class="ax_default placeholder">
        <img id="u3623_img" class="img " src="images/发现/u2345.svg"/>
        <div id="u3623_text" class="text ">
          <p><span style="text-decoration:none;">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3624" class="ax_default label">
        <div id="u3624_div" class=""></div>
        <div id="u3624_text" class="text ">
          <p><span style="text-decoration:none;">百香果</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3625" class="ax_default label">
        <div id="u3625_div" class=""></div>
        <div id="u3625_text" class="text ">
          <p><span style="font-family:'Arial Normal', 'Arial';text-decoration:none;">11月18</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;">日&nbsp; 20:05</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3626" class="ax_default label">
        <div id="u3626_div" class=""></div>
        <div id="u3626_text" class="text ">
          <p><span style="text-decoration:none;">即使时光列车拖着我的肉身一路远行，至少你们的名字会永远在我的脑海里。</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3627" class="ax_default icon">
        <img id="u3627_img" class="img " src="images/美食详情/u2601.svg"/>
        <div id="u3627_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3628" class="ax_default icon">
        <img id="u3628_img" class="img " src="images/美食详情/u2621.svg"/>
        <div id="u3628_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3629" class="ax_default label">
        <div id="u3629_div" class=""></div>
        <div id="u3629_text" class="text ">
          <p><span style="text-decoration:none;">查看全部评价 &gt;</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3630" class="ax_default label">
        <div id="u3630_div" class=""></div>
        <div id="u3630_text" class="text ">
          <p><span style="text-decoration:none;">2，点评：类似于周边-美食-店铺的评价，可参考其设计</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3631" class="ax_default image">
        <img id="u3631_img" class="img " src="images/书籍详情/u3631.svg"/>
        <div id="u3631_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3632" class="ax_default label">
        <div id="u3632_div" class=""></div>
        <div id="u3632_text" class="text ">
          <p><span style="text-decoration:none;">皮囊</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3633" class="ax_default label">
        <div id="u3633_div" class=""></div>
        <div id="u3633_text" class="text ">
          <p><span style="text-decoration:none;">蔡崇达</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3634" class="ax_default label">
        <div id="u3634_div" class=""></div>
        <div id="u3634_text" class="text ">
          <p><span style="text-decoration:none;">《皮囊》是蔡崇达的第一部文学作品，一部有着小说阅读质感的散文集。作者本着对故乡亲人的情感...</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3635" class="ax_default label">
        <div id="u3635_div" class=""></div>
        <div id="u3635_text" class="text ">
          <p><span style="text-decoration:none;">点赞</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3636" class="ax_default box_1">
        <div id="u3636_div" class=""></div>
        <div id="u3636_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3637" class="ax_default label">
        <div id="u3637_div" class=""></div>
        <div id="u3637_text" class="text ">
          <p style="font-size:16px;"><span style="font-size:20px;text-decoration:none;">·</span><span style="text-decoration:none;"> 点赞</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3638" class="ax_default label">
        <div id="u3638_div" class=""></div>
        <div id="u3638_text" class="text ">
          <p><span style="text-decoration:none;">721</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3639" class="ax_default placeholder">
        <img id="u3639_img" class="img " src="images/发现/u2345.svg"/>
        <div id="u3639_text" class="text ">
          <p><span style="text-decoration:none;">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3640" class="ax_default placeholder">
        <img id="u3640_img" class="img " src="images/发现/u2345.svg"/>
        <div id="u3640_text" class="text ">
          <p><span style="text-decoration:none;">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3641" class="ax_default placeholder">
        <img id="u3641_img" class="img " src="images/发现/u2345.svg"/>
        <div id="u3641_text" class="text ">
          <p><span style="text-decoration:none;">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3642" class="ax_default placeholder">
        <img id="u3642_img" class="img " src="images/发现/u2345.svg"/>
        <div id="u3642_text" class="text ">
          <p><span style="text-decoration:none;">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3643" class="ax_default placeholder">
        <img id="u3643_img" class="img " src="images/发现/u2345.svg"/>
        <div id="u3643_text" class="text ">
          <p><span style="text-decoration:none;">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3644" class="ax_default placeholder">
        <img id="u3644_img" class="img " src="images/发现/u2345.svg"/>
        <div id="u3644_text" class="text ">
          <p><span style="text-decoration:none;">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3645" class="ax_default placeholder">
        <img id="u3645_img" class="img " src="images/发现/u2345.svg"/>
        <div id="u3645_text" class="text ">
          <p><span style="text-decoration:none;">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3646" class="ax_default placeholder">
        <img id="u3646_img" class="img " src="images/点评-问大家详情/u858.svg"/>
        <div id="u3646_text" class="text ">
          <p><span style="text-decoration:none;">更多</span></p>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u3647" class="ax_default placeholder">
        <img id="u3647_img" class="img " src="images/活动详情/u2939.svg"/>
        <div id="u3647_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u3648" class="ax_default placeholder">
        <img id="u3648_img" class="img " src="images/书籍详情/u3648.svg"/>
        <div id="u3648_text" class="text ">
          <p><span style="text-decoration:none;">分享</span></p>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u3649" class="ax_default placeholder">
        <img id="u3649_img" class="img " src="images/书籍详情/u3649.svg"/>
        <div id="u3649_text" class="text ">
          <p><span style="text-decoration:none;">收藏</span></p>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u3650" class="ax_default placeholder">
        <img id="u3650_img" class="img " src="images/书籍详情/u3650.svg"/>
        <div id="u3650_text" class="text ">
          <p><span style="text-decoration:none;">管理</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3651" class="ax_default label">
        <div id="u3651_div" class=""></div>
        <div id="u3651_text" class="text ">
          <p><span style="text-decoration:none;">1，管理：如果当前用户为发布者，则展示管理功能，否则，不展示</span></p><p><span style="text-decoration:none;">管理：底部弹窗选择，包含状态：编辑、删除、取消，其中删除需要二次确认，具体可参考“房屋租售详情”里面的交互</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
